<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title></title>
		<style>
			body{
			margin: 0px;
			background: #fdfdfd;			
			}
			.outerdiv{
			position: absolute;
			top: 15%;
			left:25%;			
			background: #fff;
			border: 2px solid #bfbfbf;
			padding: 65px;				
			}
			.ournicetable{					
			font: 7pt Verdana, Sens-serif;
			}
		</style>
	</head>
	<body>
		<div class="outerdiv">
		<form name="hilbertform" action="/ex11/hilbert" method="get">
		<input type="hidden" name="checkkey" value="" />
			<h2>Hilbert Curve Creation</h2>
			Title: <input type="text" name="title" value="enter curve name..." onfocus="if (this.value == 'enter curve name...') value=''; this.select();" onblur="if (this.value == '') value='enter curve name...'; this.blur()" /><br />
			Order: <select name="order">
				<option value="1" selected="selected">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>				
				</select><br />
			Color: <br /> 				
			<table cellspacing="5" cellpadding="0" border="0" class="ournicetable">
				<tr>
					<td>
						<input type="radio" name="color" value="#669999" checked="checked" />#669999
					</td>
					<td>
						<input type="radio" name="color" value="#993366" />#993366	
					</td>	
					<td>
						<input type="radio" name="color" value="#cc0000" />#CC0000
					</td>	
					<td>
						<input type="radio" name="color" value="#33cc00" />#33CC00
					</td>						
				</tr>
				<tr>
					<td bgcolor="#669999">
						<font size="-1">&nbsp;</font>
					</td>
					<td bgcolor="#993366">
						<font size="-1">&nbsp;</font>
					</td>
					<td bgcolor="#cc0000">
						<font size="-1">&nbsp;</font>
					</td>
					<td bgcolor="#33cc00">
						<font size="-1">&nbsp;</font>
					</td>
				</tr>
				</table>				
					Background: <br />					
				<table cellspacing="3" cellpadding="0" border="0" class="ournicetable">	
				<tr>
					<td>
						<input type="radio" name="fill" value="#ffcc66" checked="checked" />#FFCC66
					</td>
					<td>
						<input type="radio" name="fill" value="#cc9999" />#CC9999
					</td>	
					<td>
						<input type="radio" name="fill" value="#ccffcc" />#CCFFCC
					</td>	
					<td>
						<input type="radio" name="fill" value="#66cccc" />#66CCCC
					</td>						
				</tr>
				<tr>
					<td bgcolor="#ffcc66">
						<font size="-1">&nbsp;</font>
					</td>
					<td bgcolor="#cc9999">
						<font size="-1">&nbsp;</font>
					</td>
					<td bgcolor="#ccffcc">
						<font size="-1">&nbsp;</font>
					</td>
					<td bgcolor="#66cccc">
						<font size="-1">&nbsp;</font>
					</td>
				</tr>
			</table>	
			<input type="submit" value="Submit"/> 
		

					
		</form>
		</div>
	</body>
</html>
